.noteItem {
  width: 338px;
  @apply box-border bg-[#ffffff] rounded-[16px] overflow-hidden relative;
}
.image {
  width: 338px;
  height: 450px;
  @apply box-border block object-cover;
}
.info {
  @apply px-[16px] py-[24px] box-border;
}
.title {
  line-height: 36px !important;
  @apply text-[28px] text-[#333333] font-500;
}
.desc {
  @apply flex mt-[24px] text-[#999999] text-[22px] flex-row items-center box-border;
}
.avatar {
  width: 30px;
  height: 30px;
  @apply box-border mr-[8px] flex-none rounded-full object-cover;
}
.name {
  @apply flex-1 w-0 truncate;
}
.like {
  @apply flex-none ml-[16px] mr-[4px];
}
.videoFlag {
  @apply absolute right-[16px] top-[16px] z-20;
}
.actionFlag {
  width: 80px;
  height: 60px;
  @apply absolute right-0 top-0 z-20 box-border;
}
